<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>AI</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/font_footer/iconfont.css">

<link rel="stylesheet" type="text/css" href="../js/time/DateTimePicker.css" />

<script type="text/javascript">
	
        // if (typeof console == "undefined") {    this.console = { log: function (msg) {  } };}
        // // 如果浏览器不支持websocket，会使用这个flash自动模拟websocket协议，此过程对开发者透明
        // WEB_SOCKET_SWF_LOCATION = "__PUBLIC__/chat/swf/WebSocketMain.swf";
        // // 开启flash的websocket debug
        // WEB_SOCKET_DEBUG = true;

        // var ws, name, client_list={};
        // var index = 0;

        // // 连接服务端
        // function connect() {
        //     // 创建websocket
        //     ws = new WebSocket("wss://minitest.17jxyx.com/wss");
        //     // 当socket连接打开时，输入用户名
        //     ws.onopen = onopen;
        //     // 当有消息时根据消息类型显示不同信息
        //     ws.onmessage = onmessage;
        //     ws.onclose = function() {
        //     	index++
        //     	if(index < 5){
	       //          console.log("连接关闭，定时重连");
	       //          connect();
        //     	}
        //     };
        //     ws.onerror = function() {
        //         console.log("出现错误");
        //     };
        // }

        // // 连接建立时发送登录信息
        // function onopen()
        // {
        //     if(!name)
        //     {
        //         // show_prompt();
        //         alert("!name")
        //     }
        //     name = "f"
        //     // 登录
            // var login_data = '{"type":"login","client_name":"'+name.replace(/"/g, '\\"')+'","token":token}';
        //     console.log("websocket握手成功，发送登录数据:"+login_data);
        //     ws.send(login_data);
        // }

        // //服务端发来消息时
        // function onmessage(e)
        // {
        //     console.log(e.data);
        //     var data = eval("("+e.data+")");
        //     switch(data['type']){
        //         // 服务端ping客户端
        //         case 'ping':
        //             ws.send('{"type":"pong"}');
        //             break;;
        //         // 登录 更新用户列表
        //         case 'login':
        //             //{"type":"login","client_id":xxx,"client_name":"xxx","client_list":"[...]","time":"xxx"}
        //             say(data['client_id'], data['client_name'],  data['client_name']+' 加入了聊天室', data['time']);
        //             if(data['client_list'])
        //             {
        //                 client_list = data['client_list'];
        //             }
        //             else
        //             {
        //                 client_list[data['client_id']] = data['client_name'];
        //             }
        //             flush_client_list();
        //             console.log(data['client_name']+"登录成功");
        //             break;
        //         // 发言
        //         case 'say':
        //             //{"type":"say","from_client_id":xxx,"to_client_id":"all/client_id","content":"xxx","time":"xxx"}
        //             say(data['from_client_id'], data['from_client_name'], data['content'], data['time']);
        //             break;
        //         // 用户退出 更新用户列表
        //         case 'logout':
        //             //{"type":"logout","client_id":xxx,"time":"xxx"}
        //             say(data['from_client_id'], data['from_client_name'], data['from_client_name']+' 退出了', data['time']);
        //             delete client_list[data['from_client_id']];
        //             flush_client_list();
        //     }
        // }
        // // 输入姓名
        // function show_prompt(){
        //     name = prompt('输入你的名字：', '');
        //     if(!name || name=='null'){
        //         name = '游客';
        //     }
        // }

        // // 提交对话
        // function onSubmit() {
        //     var input = document.getElementById("textarea");
        //     var to_client_id = $("#client_list option:selected").attr("value");
        //     var to_client_name = $("#client_list option:selected").text();
        //     ws.send('{"type":"say","to_client_id":"'+to_client_id+'","to_client_name":"'+to_client_name+'","content":"'+input.value.replace(/"/g, '\\"').replace(/\n/g,'\\n').replace(/\r/g, '\\r')+'"}');
        //     input.value = "";
        //     input.focus();
        // }

        // // 刷新用户列表框
        // function flush_client_list(){
        //     var userlist_window = $("#userlist");
        //     var client_list_slelect = $("#client_list");
        //     userlist_window.empty();
        //     client_list_slelect.empty();
        //     userlist_window.append('<h4>在线用户</h4><ul>');
        //     client_list_slelect.append('<option value="all" id="cli_all">所有人</option>');
        //     for(var p in client_list){
        //         userlist_window.append('<li id="'+p+'">'+client_list[p]+'</li>');
        //         client_list_slelect.append('<option value="'+p+'">'+client_list[p]+'</option>');
        //     }
        //     $("#client_list").val(select_client_id);
        //     userlist_window.append('</ul>');
        // }

        // // 发言
        // function say(from_client_id, from_client_name, content, time){
        //     $("#dialog").append('<div class="speech_item"><img src="http://lorempixel.com/38/38/?'+from_client_id+'" class="user_icon" /> '+from_client_name+' <br> '+time+'<div style="clear:both;"></div><p class="triangle-isosceles top">'+content+'</p> </div>');
        // }

        // $(function(){
        //     select_client_id = 'all';
        //     $("#client_list").change(function(){
        //         select_client_id = $("#client_list option:selected").attr("value");
        //     });
        // });
    </script>
<style>
	html,body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	.vf_nav{
		position: fixed;
		bottom: 0;
		left: 0;
		color:#ccc;
	}
	.iconfont{
		font-size: 22px;
	}
	.se{
		color:#666666;
	}
	.newDivdiv{
		width: 90%;
		height: 60px;
		position: fixed;
		top: 0;
		left: 5%;
		animation-duration: 2s;
		background: #fff;
		display: none

	}
	@keyframes yidongtop0 {
	      from {
	        transform:translateY(-100px);
	        opacity:0;
	      }
	      to {
	        transform:translateY(0px);
	        opacity:1;
	      }
    	}
    @keyframes yidongtop1 {
	      from {
	        transform:translateY(0px);
	        opacity:1;
	      }
	      to {
	        transform:translateY(-100px);
	        opacity:0;
	      }
    	}


    		/*顶部新加*/
	.firstTime{
		/*display: inline-block;*/
	}
	.divTime,.divTimers{
		width: calc(100% - 20px);
		margin:5px 10px;
		display: flex;
		border:1px solid #f6b37f;
		border-radius: 3px;
		background: #fff;
	}
	.divTimeL{
		width: calc(100% - 30px)
	}
	.divTimeR{
		width: 30px;
	}
	.divTimeLT{
		width: 100%;
		display: flex;
	}
	.divTimeImg{
		width: 18px;
		height: 18px;
		margin: 3px 6px;
	}
	.divTimeImg img{
		width: 100%;
		height: 100%;
	}
	.divTimeName{
		width: calc(100% - 30px);
		line-height: 24px;
	}
	.divTimeNames{
		font-size: 13px;
		text-indent: 3px;
	}
	.divTimetime{
		text-indent: 3px;
		font-size: 10px;
	}
	.divTimeLB{
		line-height: 24px;
		text-indent: 5px;
		font-size: 12px;

	}
	.divTimeR{
		line-height: 48px;
		color:#f6b37f;
	}
	.divTimeRR{
		line-height: 48px;
		color:#f6b37f;
	}
	.divDaysP{
		text-indent: 10px;
		font-size: 13px;
		margin:0;
		line-height: 25px;

	}
/*	#index,#books,#information,#myselfss{
		display: none;
	}*/
</style>
</head>
<body >
	<div class="divs index" id="index"></div>
<!-- 	<div class="divs information" id="information"></div>
	<div class="divs books" id="books"></div>
	<div class="divs myselfss" id="myselfss"></div>
 -->
 <div class="asd">sadasd</div>
	<div style="height:60px; line-height:60px; clear:both;"></div>

	<div class="vf_nav">
		<ul>
			<li> 
				<a href="#index" class="se">
					<div><i class='iconfont icon-iconset0398' id='tuandel1'></i></div>
				    <div class="footrFont footrFont0">雷达</div>
				</a>
			</li>
			<li>
				<a href="#information" class="se">
					<div><i class='iconfont icon-xiaoxi' id='tuandel1'></i></div>
				    <div class="footrFont footrFont1">消息</div>
				</a>
			</li>
			<li>
				<a href="#books" class="se">

					<div><i class='iconfont icon-duorenyonghu' id='tuandel1'></i></div>
				   	<div class="footrFont footrFont2">通讯录</div>
				</a>
			</li>
			<li>
				<a href="#myselfss" class="se">
					<div><i class='iconfont icon-wode' id='tuandel1'></i></div>
				    <div class="footrFont footrFont3">我的</div>
				</a>
			</li>
		</ul>
	</div>
	<div class="newDivdiv"></div>
<script src='../js/realTime.js'></script>
	
<script src='../js/jquery.js'></script>
<script type="text/javascript">


	  // function newDiv(){
 //    	var div = document.createElement("div");
 //          div.className = "newDivdiv"
 //          div.textContent = "asdfsfasdf"
 //          document.body.appendChild(div);

 //        // var text1 = document.createElement("text");
 //        //   text1.className = "text1"
 //        //   text1.textContent = textDom
 //        //   text.appendChild(text1);

 //        // var i = document.createElement("text");
 //        //   i.className = "iconfont icon-cha zt"
 //        //   text.appendChild(i);
 //        // div.style.animationName = 'yidongtop1';
 //        var s = true
	// $(".asd").click(function(){
	// 	if(s){
	// 		div.style.display="block"
	// 		div.style.animationName = 'yidongtop0';
	// 		s=false
	// 	}else{
	// 		div.style.animationName = 'yidongtop1';
	// 		setTimeout(function(){

	// 			div.style.display="none"
	// 		},1000)
	// 		s=true

	// 	}
	// })
 //    }
 //    newDiv()


	
	console.log(document.cookie.slice(document.cookie.indexOf("=")+1))
	var jin;
	var test = window.location.href;
	var jin1 = test.indexOf('.html');
	var jin3 = jin1 + 6;
	jin = test.slice(jin3);
	function func(jin){
		if(jin == "centerTime"){
        	$(".centerTime").css("display","block")
        	$(".firstTime").css("display","block")
		 	$(".centerBehavior").css("display","none")
		 	$(".centerPeoper").css("display","none")
		 	$("#foncolor0").addClass("foncolor")
		 	$("#foncolor1").removeClass("foncolor")
		 	$("#foncolor2").removeClass("foncolor")
		 	$("#parallelogram0").addClass("baccolor")
		 	$("#parallelogram1").removeClass("baccolor")
		 	$("#parallelogram2").removeClass("baccolor")

        }
        if(jin == "centerBehavior"){
        	$(".centerTime").css("display","none")
        	$(".firstTime").css("display","none")
		 	$(".centerBehavior").css("display","block")
		 	$(".centerPeoper").css("display","none")
		 	$("#foncolor0").removeClass("foncolor")
		 	$("#foncolor1").addClass("foncolor")
		 	$("#foncolor2").removeClass("foncolor")
		 	$("#parallelogram0").removeClass("baccolor")
		 	$("#parallelogram1").addClass("baccolor")
		 	$("#parallelogram2").removeClass("baccolor")

        }
        if(jin == "centerPeoper"){
        	$(".centerTime").css("display","none")
        	$(".firstTime").css("display","none")
		 	$(".centerBehavior").css("display","none")
		 	$(".centerPeoper").css("display","block")
		 	$("#foncolor0").removeClass("foncolor")
		 	$("#foncolor1").removeClass("foncolor")
		 	$("#foncolor2").addClass("foncolor")
		 	$("#parallelogram0").removeClass("baccolor")
		 	$("#parallelogram1").removeClass("baccolor")
		 	$("#parallelogram2").addClass("baccolor")

        }
        var docm = document.querySelectorAll(".se")
        Array.from(docm).forEach(function(a,b){
        	a.onclick = function(){
	        	Array.from(docm).forEach(function(c,d){
	        		c.style.color = "#666666"
	        	})
        		a.style.color = "#1963AA"
        		// if(a.getAttribute("href") == "#" + jin){
        		// console.log(a.getAttribute("href"),"#" + jin)
        		// console.log(a)

        		// 	 a.style.color = "rgb(255,255,255)"
        		// console.log(a)
        		// }
        	}
        })
	}
	if(jin == '' || jin == "index" ||jin == "centerTime"||jin == "centerBehavior"||jin == "centerPeoper"){
	    $(".index").load("index.html");
	    document.querySelectorAll(".se")[0].style.color = "#1963AA"

	}
	if(jin == "myselfss"){
		$(".index").load("my.html");
		document.querySelectorAll(".se")[3].style.color = "#1963AA"
    }
    if(jin == "information"){
		$(".index").load("information.html");
		document.querySelectorAll(".se")[1].style.color = "#1963AA"

    }
    if(jin == "books"){
		$(".index").load("book.html");
		document.querySelectorAll(".se")[2].style.color = "#1963AA"

    }
	    func(jin)

	window.onhashchange = function(){
        var hash = location.hash;
        var name = hash.substring(1,hash.length);
        // console.log(name)
        jin = name
        if(jin == '' || jin == "index"){
	    	$(".index").load("index.html");
	    	// $(".se0").css("color","#1963AA")
        }
        if(jin == "myselfss"){
			$(".index").load("my.html");
			// $(".se1").css("color","#1963AA")
        }
        if(jin == "information"){
			$(".index").load("information.html");
			// $(".se2").css("color","#1963AA")

        }
        if(jin == "books"){
			$(".index").load("book.html");
			// $(".se3").css("color","#1963AA")

        }
        func(jin)
       
    }
	// var test = window.location.href;
 //  console.log(test)
 //  var jin1 = test.indexOf('/index/');
 //  var jin4 = test.indexOf('.html');
	// var jin3 = jin1 + 7;
	// var jin4 = jin1 + 12;

	// var jin = test.slice(jin3,jin4);
	// console.log(jin)
	// if(jin == "index"){
	// 	// $(".footerImg0").attr("src","../image/footer/l0.png")
	// 	// $(".footerImg1").attr("src","../image/footer/h1.png")
	// 	// $(".footerImg2").attr("src","../image/footer/h2.png")
	// 	// $(".footerImg3").attr("src","../image/footer/h3.png")
	// 	$(".se0").css("color","#1963AA")
	// }
	// if(jin == "information"){
	// 	// $(".footerImg0").attr("src","../image/footer/h0.png")
	// 	// $(".footerImg1").attr("src","../image/footer/l1.png")
	// 	// $(".footerImg2").attr("src","../image/footer/h2.png")
	// 	// $(".footerImg3").attr("src","../image/footer/h3.png")
	// 	$(".se1").css("color","#1963AA")

	// }
	// if(jin == "books"){
	// 	// $(".footerImg0").attr("src","../image/footer/h0.png")
	// 	// $(".footerImg1").attr("src","../image/footer/h1.png")
	// 	// $(".footerImg2").attr("src","../image/footer/l2.png")
	// 	// $(".footerImg3").attr("src","../image/footer/h3.png")
	// 	$(".se2").css("color","#1963AA")

	// }
	// if(jin == "myselfss"){
	// 	// $(".footerImg0").attr("src","../image/footer/h0.png")
	// 	// $(".footerImg1").attr("src","../image/footer/h1.png")
	// 	// $(".footerImg2").attr("src","../image/footer/h2.png")
	// 	// $(".footerImg3").attr("src","../image/footer/l3.png")
	// 	$(".se3").css("color","#1963AA")
	// }


	// // var color = document.querySelectorAll("#color")
	// // Array.from(color).forEach(function(footera,footerb){
	// // 	footera.onclick = function(){
	// // 		Array.from(color).forEach(function(footerc,footerd){
	// // 			footerc.classList.remove("color")
	// // 			footerc.childNodes[1].childNodes[1].src = "../image/footer/h"+footerd+".png"
	// // 		})
	// // 		footera.classList.add("color")
	// // 		footera.childNodes[1].childNodes[1].src = "../image/footer/l"+footerb+".png"
	// // 		// console.log(footera.childNodes[1].childNodes[1])
	// // 	}
	// // })

</script>
<!-- 微信浏览器 调用微信 分享js-->
<!-- <if condition="$signPackage neq null">
	<include file="Public/wx_share"/>
</if> -->
<!-- 微信浏览器 调用微信 分享js  end-->
</body>
</html>








